<template>
	<div class="no-data-img" v-if="!cardList?.length && STATE_CODE">
		<img
			src="./images/no_do.svg"
			v-if="
				['toDo', 'myTask', 'bidTask', 'agentTask'].includes(myTaskActive) &&
				!searchVal
			"
		/>
		<img
			src="./images/no_know.svg"
			v-else-if="['hasRead', 'noRead'].includes(myTaskActive) && !searchVal"
		/>
		<img src="./images/no_process.svg" v-else />
		<p>{{ noDataText[searchVal ? 'noProcess' : myTaskActive] }}</p>
	</div>
</template>
<script setup lang="ts">
defineProps(['cardList','myTaskActive', 'searchVal', 'noDataText', 'STATE_CODE'])
</script>
<style lang="less" scoped>
.no-data-img {
	text-align: center;
	img {
		width: 200px;
		height: 200px;
		margin-top: 130px;
	}
	p {
		margin-top: -30px;
		font-family: 'PingFang SC';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		text-align: center;
		color: #8f959e;
	}
}
</style>
